<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>页眉</header>
    <div>页面</div>
    <footer>页脚</footer>
    <article>文章</article>
    <nav>导航</nav>
    <aside>侧边栏</aside>

    <!-- 新增表单类型 -->
    <form action="#" method="GET">
    <input type="email">
    <br>
    <input type="url" placeholder="url" pattern=/http:\/\/.*/>
    <br>
    <input type="number" min="1" max="120" step="3">
    <br>
    <input type="range">
    <br>
    <input type="date">
    <br>
    <br>
    <input type="week">
    <br>
    <input type="search">
    <br>
    <br>
    <input type="number" required autofocus>
    <br>
        <!-- novalidate取消验证  autofocus光标默认-->
    <input type="submit" value="提交">
    </form>

    <!-- 音频 -->
    <audio src="D:/qycache/download/末日之战/末日之战-蓝光1080p.qsv" autoplay controls loop ></audio>
    <!-- <source src=""> 效果一样 放audio的src -->
    <p>您的浏览器暂不支持音频标签,请升级</p>
    <!-- autoplay:自动播放 controls:显示面板 loop:循环播放 -->
    <!-- 视频可以调宽高的大小 -->

    <!-- 内联框架  可以调换高-->
    <iframe src="http://www.baidu.com" frameborder="5"></iframe>

   
</body>
</html>